<template>
  <div class="box">
    <h1>{{ this.$store.state.count }}</h1>
    <div>{{this.$store.getters.getNan}}</div>
    <div>{{ this.$store.state.sex }}</div>
    <div>{{this.$store.getters.getSex}}</div>
    <div>{{this.$store.getters.getTodoSize}}</div>
    <div>{{this.$store.getters.getTodoById(1)}}</div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.box {
  background-color: green;
  flex: 1;
}
</style>